<html>
<head>
    <link href="/static/css/site.css" rel="stylesheet"/>
</head>
<body>
<div id="sourcesNode"></div>
<video id="test_video" autoplay muted style="width:100%;height: auto;">
    <source src="{{ device_addr}}" type="application/x-rtsp">
</video>
<div id="people_boxes_container"></div>
<div id="left_viewer" class="custom-scroll custom-scroll-4"></div>

<!-- @* 为了演示需要，模拟视频中出现并检测到了人。 *@ -->
{#<div style="position:fixed;left:400px;top:200px">#}
{#    <button id="addperknown">添加一个认识的人</button>#}
{#    <button id="addperunknown">添加一个不认识的人</button>#}
{#</div>#}

<!-- @* 非法闯入时的提示 *@ -->
{#<audio id="music" controls="controls" style='display:none'>#}
{#    <source src="/img/error.mp3" type="audio/mp3">#}
{#</audio>#}

<script src="/static/js/jquery-3.3.1.min.js"></script>
<script src="/static/js/streamedian.min.js"></script>
<script src="/static/js/scrollbot.js"></script>
<script src="/static/js/VideoCaptureImage.js"></script>
<script src="/static/js/index.js"></script>
</body>
</html>

